import styled from 'styled-components';

export const DragStyle = styled.div`
	width: 300px;
	.drag-box {
		width: 100%;

		border: 1px solid blue;

		.item {
			width: 100%;
			height: 50px;
			line-height: 50px;
			padding: 0 15px;
			background-color: pink;
			margin-bottom: 10px;
			border-radius: 8px;
			overflow: hidden;

			&.moving {
				background: transparent;
				color: transparent;
				border: 1px dashed #ccc;
			}
		}
	}
`;

export const FlipStyle = styled.div`
	width: 300px;
	border: 1px solid red;
	.list-item {
		border: 1px solid black;
		border-radius: 10px;
		height: 30px;
		line-height: 30px;
		margin-bottom: 10px;
		padding: 0 10px;
	}
`;
